<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>字符串处理</title>
    <script>
      let str1 = "hello";
      let str2 = "world";

      // 拼接
      console.log(str1 + " " + str2);

      // 获取字符串长度
      console.log(str1.length);

      // 检索特定字符
      console.log(str1.length - 1); // 获取最后一个字符

      // 查找子字符串并提取
      // 查找到会返回开始字符索引
      // 查找不到会返回-1
      console.log(str1.indexOf("el"));

      // 截取字符串
      console.log(str1.slice(0, 3));

      // 转换大小写
      console.log(str1.toUpperCase()); // 转为大写
      console.log(str1.toLowerCase()); // 转为小写

      // 替换字符串
      console.log(str1.replace("el", "le"));

      // 分隔为数组
      console.log(str1.split("l"));

      // 数组连接为字符串
      console.log(["h", "e", "l", "l", "o"].join("")); // 方式一，默认逗号拼接
      console.log(["w", "o", "r", "l", "d"].toString()); // 方式二，逗号拼接
    </script>
  </head>
  <body></body>
</html>
